<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>SUUUPER SEITE</title>
<script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script language="JavaScript" src="js/playlist.js"></script>
<script language="JavaScript" src="js/mediaItem.js"></script>
<script language="JavaScript" src="js/dataQueue.js"></script>
<script language="JavaScript" src="js/resourceController.js"></script>
<script language="JavaScript" src="js/idTagReader.js"></script>
<script language="JavaScript" src="js/transport.js"></script>
<script language="JavaScript" src="js/input.js"></script>
<script language="JavaScript" src="js/timeView.js"></script>
<script language="JavaScript" src="js/core.js"></script>

<!--  test visualisierungen -->
<script language="JavaScript" src="js/visu1.js"></script>
<script language="JavaScript" src="js/visu2.js"></script>


<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body onLoad="onload();return false;">
	<div id="mainSection">
		<div class="timeView">
			<canvas></canvas>
		</div>
	    <div id="transport">
	        <div class="gain"><div class="runner"></div></div>
	        <div class="buttonWrapper">
		        <div class="buttonPlay button">Play</div>
		        <div class="buttonPause button">Pause</div>
		        <div class="buttonStop button">Stop</div>
		        <div class="buttonPrevious button">Previous</div>
		        <div class="buttonNext button">Next</div>
		    </div>
	        <div class="progress"><div class="runner"></div></div>
	    </div>
	    <div id="playlist">
		    <ul class="list"></ul>
		</div>
		
	</div>
		<div id="info">
			<ul class="list"></ul>
		</div>
</body>
</html>